<template>
  <van-tabbar v-model="active"  active-color="#ff5f16" inactive-color="#999" route>
    <van-tabbar-item 
     v-for="(l,i) in FootList" 
     :key="i"
     :name="l.name"
     replace
     :to="{name:l.name}"
     :badge="l.hot?cartname:null"
     >     
     <span>{{l.text}}</span>

     <template #icon=''>
         <i class="iconfont" :class="l.ico"></i>
    </template>
    
     </van-tabbar-item>
  </van-tabbar>
</template>

<script>
export default {
  name: "vanfoot",
  data () {
      return {
          active:this.$route.name
      }
  }
};
</script>